﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>弹出层</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<SCRIPT type=text/javascript src="../Script/jquery-1.4.1.js"></SCRIPT>
<SCRIPT type=text/javascript src="../Script/tipswindown.js"></SCRIPT>
  <LINK rel=stylesheet type=text/css href="../white_skin.css">
  <SCRIPT language=javascript type=text/javascript>
    var win;
    function showDig() {
        win = new tipsWindown("标题", "id:DivSerachFund", "650", "210", "true", "", "true", "text", closeFunction);
    }

     function showDig2() {
         win = tipsWindown("提示", "text:提示信息内容", "250", "150", "true", "", "true","text", closeFunction);
    }


    function showDig3() {
        win = tipsWindown("提示", "text:请参考原文出处", "250", "150", "false", "3000", "true", "text", closeFunction);
    }

    function closeFunction() {
        //alert('OK');
    }
    
  </SCRIPT>
</HEAD>
<BODY>
<FORM id=form1 method=post action="">
<div style="text-align:center; width:100%">
<h3>弹出层</h3></div>
<br /><br />
<div style="width:90%">
关于弹出层： 
本插件来源于互联网，在WFT项目中有广泛使用，基于jQuery，支持拖拽，展示内容可为文字、图片、URL，在这里我仅给出在WFT中的使用方式、场景，至于其他使用场景可参考<a href="http://www.leepzx.com/demo/tipswindow/"><span style="color:Red; font-weight:bold">原作者 
博文</span></a></div>
 <TABLE style="MARGIN-TOP: 2px" class=box_table_none border=0 cellSpacing=0 
      cellPadding=0  >
            <TBODY>
              <TR>
                <TD style="LINE-HEIGHT: 24px; PADDING-LEFT: 10px; HEIGHT: 24px" 
          class=td_title vAlign=top align=left>&nbsp;另类Iframe使用：</TD>
              </TR>
              <TR>
                <TD align=left> 
                    <SPAN style="CURSOR: pointer" id=czkh class=red2 
            onclick=showDig();>1、00544-点击测试</SPAN> </TD>
              </TR>
              <TR>
                <TD align=left>说明：1中的iframe 是在页面中的某个Div中构建出来的，而并非直接调用 
                    tipsWindown(&quot;标题&quot;,&quot;iframe:http://www.leepzx.com&quot;,&quot;900&quot;,&quot;580&quot;,&quot;true&quot;,&quot;&quot;,&quot;true&quot;,&quot;leotheme&quot;); 
                    的形式来加载，在下面把这种直接调用的方式称为A。这样做是有原因的，当页面地址中带有&#39;#&#39;这个特殊符号时， 
                    A方式在IE即会出现问题，白屏。这是由于在插件中A方式也是通过异步调用加载一个页面来实现的，JQ本身异步调用发生时，如果事件发出者所在父窗体包含#符号时，异步调用会异常终止。具体原因偶并没有深入探究，欢迎各位朋友讨论。采用这种方式来做，可以巧妙的绕过障碍，达到我们想要的效果。此种方式在做WFT初期产生，并非最好的方式，更多好方法，请访问<a href="http://www.tt139.com/Tt.html;jsessionid=bhqj4phu1gdb" target="_blank"><span style="color:Red;font-weight:bold">TT139.com样式专贴</span></a></TD>
              </TR>
            </TBODY>
  </TABLE>
          
        <br />
        <TABLE style="MARGIN-TOP: 2px" class=box_table_none border=0 cellSpacing=0 
      cellPadding=0 width="98%">
            <TBODY>
              <TR>
                <TD style="LINE-HEIGHT: 24px; PADDING-LEFT: 10px; HEIGHT: 24px" 
          class=td_title vAlign=top align=left>&nbsp;2.弹出文本信息提示：</TD>
              </TR>
              <TR>
                <TD align=left><DIV 
            style="PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; DISPLAY: block; FONT-SIZE: 14px; PADDING-TOP: 0px" 
            id=Div1>
                    <SPAN style="CURSOR: pointer" id=SPAN1 class=red2 
            onclick=showDig2();>2、44944-点击测试</SPAN></DIV></TD>
              </TR>
              <TR>
                <TD align=left>说明：tipsWindown(&quot;提示&quot;,&quot;text:提示信息内容&quot;,&quot;250&quot;,&quot;150&quot;,&quot;true&quot;,&quot;&quot;,&quot;true&quot;,&quot;msg&quot;)</TD>
              </TR>
            </TBODY>
  </TABLE>
  <br />
  
    <TABLE style="MARGIN-TOP: 2px" class=box_table_none border=0 cellSpacing=0 
      cellPadding=0 width="98%">
            <TBODY>
              <TR>
                <TD style="LINE-HEIGHT: 24px; PADDING-LEFT: 10px; HEIGHT: 24px" 
          class=td_title vAlign=top align=left>&nbsp;其他方式：</TD>
              </TR>
              <TR>
                <TD align=left><DIV 
            style="PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; DISPLAY: block; FONT-SIZE: 14px; PADDING-TOP: 0px" 
            id=Div2>
                    <SPAN style="CURSOR: pointer" id=SPAN2 class=red2 
            onclick=showDig3();>2、暂无</SPAN></DIV></TD>
              </TR>
              <TR>
                <TD align=left>说明：参考  <a href="http://www.leepzx.com/demo/tipswindow/"><span style="color:Red; font-weight:bold">出处</span></a>
                
                </TD>
              </TR>
            </TBODY>
  </TABLE>
  <br />
  
  
  <a href="http://www.leepzx.com/demo/tipswindow/"><span style="color:Red; font-weight:bold">原作者 
博文</span></a>
                    <br />
          <H3>参数说明：</H3>
          <TABLE border="1" cellSpacing="0" cellPadding="5" width="98%">
            <TBODY>
              <TR>
                <TH scope="col">顺序</TH>
                <TH scope="col">参数</TH>
                <TH scope="col">功能</TH>
                <TH colSpan="2" scope="col">备注</TH>
              </TR>
              <TR>
                <TH scope="row">1</TH>
                <TH scope="row">title</TH>
                <TD>弹出层的标题</TD>
                <TD colSpan="2">必填，纯文本</TD>
              </TR>
              <TR>
                <TH rowSpan="5" scope="row">2</TH>
                <TH rowSpan="5" scope="row">content</TH>
                <TD rowSpan="5">弹出层的内容</TD>
                <TD>text</TD>
                <TD>文本内容</TD>
              </TR>
              <TR>
                <TD>id</TD>
                <TD>页面里某id的子标签</TD>
              </TR>
              <TR>
                <TD>img</TD>
                <TD>图片</TD>
              </TR>
              <TR>
                <TD>url</TD>
                <TD>get或post某一页面里的html，该页面要求只包含body的子标签</TD>
              </TR>
              <TR>
                <TD>iframe</TD>
                <TD>目标地址在框架显示</TD>
              </TR>
              <TR>
                <TH scope="row">3</TH>
                <TH scope="row">width</TH>
                <TD>弹出层的宽</TD>
                <TD colSpan="2">必填，比如“200”。（不需要带px）</TD>
              </TR>
              <TR>
                <TH scope="row">4</TH>
                <TH scope="row">height</TH>
                <TD>弹出层的高</TD>
                <TD colSpan="2">同 width</TD>
              </TR>
              <TR>
                <TH scope="row">5</TH>
                <TH scope="row">drag</TH>
                <TD>是否可拖动</TD>
                <TD colSpan="2">必填，可选参数（true,false）</TD>
              </TR>
              <TR>
                <TH scope="row">6</TH>
                <TH scope="row">time</TH>
                <TD>自动消失时间</TD>
                <TD colSpan="2">可不填，默认不自动关闭；参数可为空("")</TD>
              </TR>
              <TR>
                <TH scope="row">7</TH>
                <TH scope="row">showbg</TH>
                <TD>是否显示遮罩层</TD>
                <TD colSpan="2">可不填，默认不显示（此项如填了，它前面的time也必须要填）</TD>
              </TR>
           
            </TBODY>
          </TABLE>

         

          
<DIV style="LINE-HEIGHT: 24px; WIDTH: 400px; DISPLAY: none; FONT-SIZE: 12px; OVERFLOW: hidden" id=DivSerachFund>
<IFRAME height=210 marginHeight=0 src="test.html" frameBorder=0 width="100%"  marginWidth=0 scrolling=no></IFRAME>
</DIV>
</FORM>
</BODY>
</HTML>
